﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EditSalesPipeline.aspx.cs" Inherits="Web.SalesPipeline.EditSalesPipeline" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../CSS/style.css" />
    <link rel="stylesheet" type="text/css" href="../CSS/bootstrap.min.css" />
    <link href="../CSS/Fonts.css" rel='stylesheet' type='text/css' />
    <script src="../JS/jquery.min.js"></script>
    <script src="../JS/bootstrap.min.js"></script>
    <script src="../JS/verify.notify.min.js"></script>
    <link href="../CSS/jquery-ui.css" rel='stylesheet' type='text/css' />
    <script src="../JS/jquery-ui.min.js"></script>
</head>
<body class="popup-body">
    <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server"></telerik:RadScriptManager>
        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
            <script type="text/javascript">
                function ddlQINoReason_SelectedIndexChanged(sender, eventArgs) {
                    var item = eventArgs.get_item();
                    var id = item.get_value();
                    ddlQINoReason_Load(id);
                }
                function ddlQINoReason_Load(id) {
                    switch (id) {
                        case "0":
                            document.getElementById('<%= divQIPendingReason.ClientID %>').style.display = "block";
                            document.getElementById('<%= divQIRejectedReason.ClientID %>').style.display = "none";
                            break;
                        case "1":
                            document.getElementById('<%= divQIPendingReason.ClientID %>').style.display = "none";
                    document.getElementById('<%= divQIRejectedReason.ClientID %>').style.display = "block";
                    break;
                default:

                    break;
            }
        }
        function setSelectedIndex(combo) {
            combo.trackChanges();
            combo.get_items().getItem(0).select();
            combo.updateClientState();
            combo.commitChanges();
        }
        function ddlQIPendingReason_SelectedIndexChanged(sender, eventArgs) {
            var item = eventArgs.get_item();
            var id = item.get_value();
            switch (id) {
                case "1":
                    document.getElementById('<%= aStep2.ClientID %>').style.display = "none";
                    document.getElementById('<%= aStep3.ClientID %>').style.display = "none";
                    document.getElementById('<%= aStep4.ClientID %>').style.display = "none";
                    document.getElementById('<%= aStep5.ClientID %>').style.display = "none";
                    document.getElementById('<%= hdntxtNextStep1Clicked.ClientID %>').value = "";
                    setDivStepActive(document.getElementById('<%= divStep1.ClientID %>').getAttribute("data-step"));
                    setSelectedIndex(sender);
                    $('[href=#divStep1]').tab('show');
                    break;
                default:

                    break;
            }
        }
        function ddlPOStatus_SelectedIndexChanged(sender, eventArgs) {
            var item = eventArgs.get_item();
            var id = item.get_value();
            switch (id) {
                case "0":
                    document.getElementById('<%= divPOPendingDate.ClientID %>').style.display = "block";
                    document.getElementById('<%= divPOFullII.ClientID %>').style.display = "none";
                    document.getElementById('<%= btnStep4Next.ClientID %>').style.display = "none";
                    document.getElementById('<%= aStep5.ClientID %>').style.display = "none";
                    break;
                case "1":
                    document.getElementById('<%= divPOPendingDate.ClientID %>').style.display = "none";
                    document.getElementById('<%= divPOFullII.ClientID %>').style.display = "block";
                    if (($find("<%= rbtnPOFullIIYes.ClientID %>")).get_checked())
                        document.getElementById('<%= btnStep4Next.ClientID %>').style.display = "block";
                    else
                        document.getElementById('<%= btnStep4Next.ClientID %>').style.display = "none";
                    break;
                default:

                    break;
            }
        }
        function rbtnAppointmentYes_OnClientCheckedChanged(sender, eventArgs) {
            var item = $find("<%= rbtnAppointmentYes.ClientID %>");
            if (!item.get_checked()) {
                document.getElementById('<%= divAppointmentNoReason.ClientID %>').style.display = "block";
                document.getElementById('<%= btnStep1Next.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep2.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep3.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep4.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep5.ClientID %>').style.display = "none";
                document.getElementById('<%= hdntxtNextStep1Clicked.ClientID %>').value = "";
            }
            else {
                document.getElementById('<%= divAppointmentNoReason.ClientID %>').style.display = "none";
                document.getElementById('<%= btnStep1Next.ClientID %>').style.display = "block";
            }
        }
        function rbtnQuotationIssueYes_OnClientCheckedChanged(sender, eventArgs) {
            var item = $find("<%= rbtnQuotationIssueYes.ClientID %>");
            if (!item.get_checked()) {
                document.getElementById('<%= divQINoReason.ClientID %>').style.display = "block";
                document.getElementById('<%= divQIPendingReason.ClientID %>').style.display = "block";
                document.getElementById('<%= btnStep2Next.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep3.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep4.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep5.ClientID %>').style.display = "none";
                var id = ($find("<%= ddlQINoReason.ClientID %>")).get_value();
                ddlQINoReason_Load(id);
                document.getElementById('<%= hdntxtNextStep2Clicked.ClientID %>').value = "";
            }
            else {
                document.getElementById('<%= divQINoReason.ClientID %>').style.display = "none";
                document.getElementById('<%= btnStep2Next.ClientID %>').style.display = "block";
                document.getElementById('<%= divQIPendingReason.ClientID %>').style.display = "none";
                document.getElementById('<%= divQIRejectedReason.ClientID %>').style.display = "none";
            }
        }
        function rbtnDCDIIYes_OnClientCheckedChanged(sender, eventArgs) {
            var item = $find("<%= rbtnDCDIIYes.ClientID %>");
            if (!item.get_checked()) {
                document.getElementById('<%= divDCDIINoReason.ClientID %>').style.display = "block";
                document.getElementById('<%= btnStep3Next.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep4.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep5.ClientID %>').style.display = "none";
                document.getElementById('<%= hdntxtNextStep3Clicked.ClientID %>').value = "";
            }
            else {
                document.getElementById('<%= divDCDIINoReason.ClientID %>').style.display = "none";
                document.getElementById('<%= btnStep3Next.ClientID %>').style.display = "block";
            }
        }
        function rbtnDCYes_OnClientCheckedChanged(sender, eventArgs) {
            var item = $find("<%= rbtnDCYes.ClientID %>");
            if (!item.get_checked()) {
                document.getElementById('<%= divDCNoReason.ClientID %>').style.display = "block";
                document.getElementById('<%= divDCAmount.ClientID %>').style.display = "none";
                document.getElementById('<%= divDCDII.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep4.ClientID %>').style.display = "none";
                document.getElementById('<%= hdntxtNextStep3Clicked.ClientID %>').value = "";
            }
            else {
                document.getElementById('<%= divDCNoReason.ClientID %>').style.display = "none";
                document.getElementById('<%= divDCAmount.ClientID %>').style.display = "block";
                if (($find("<%= rntxtAmount.ClientID %>")).get_value() != "0") {
                    document.getElementById('<%= divDCDII.ClientID %>').style.display = "block";
                    if (($find("<%= rbtnDCDIIYes.ClientID %>")).get_checked())
                        document.getElementById('<%= btnStep3Next.ClientID %>').style.display = "block";
                    else
                        document.getElementById('<%= divDCDIINoReason.ClientID %>').style.display = "block";
                }
            }
        }
        function rbtnPOFullIIYes_OnClientCheckedChanged(sender, eventArgs) {
            var item = $find("<%= rbtnPOFullIIYes.ClientID %>");
            if (!item.get_checked()) {
                document.getElementById('<%= btnStep4Next.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep5.ClientID %>').style.display = "none";
                document.getElementById('<%= hdntxtNextStep4Clicked.ClientID %>').value = "";
            }
            else {
                document.getElementById('<%= btnStep4Next.ClientID %>').style.display = "block";
            }
        }
        function rbtnPaidYes_OnClientCheckedChanged(sender, eventArgs) {
            var item = $find("<%= rbtnPaidYes.ClientID %>");
            if (!item.get_checked()) {
                document.getElementById('<%= divPaidNoReason.ClientID %>').style.display = "block";
                document.getElementById('<%= btnStep5Done.ClientID %>').style.display = "none";
            }
            else {
                document.getElementById('<%= divPaidNoReason.ClientID %>').style.display = "none";
                document.getElementById('<%= btnStep5Done.ClientID %>').style.display = "block";
            }
        }
        function setDivStepActive(step) {
            var s1 = document.getElementById('<%= divStep1.ClientID %>');
            var s2 = document.getElementById('<%= divStep2.ClientID %>');
            var s3 = document.getElementById('<%= divStep3.ClientID %>');
            var s4 = document.getElementById('<%= divStep4.ClientID %>');
            var s5 = document.getElementById('<%= divStep5.ClientID %>');
            var divSteps = [s1, s2, s3, s4, s5];
            for (var i = 0; i < divSteps.length; i++) {
                if (divSteps[i].getAttribute("data-step") == step)
                    divSteps[i].style.display = "block";
                else
                    divSteps[i].style.display = "none";
            }
        }
        function stepClicked(a) {
            setDivStepActive(a.getAttribute("data-step"));
            return false;
        }
        function nextStepClick(btn) {
            var nextId = $(btn).parents('.control-group').next().attr("id");
            switch (nextId) {
                case "divStep2":
                    document.getElementById('<%= aStep2.ClientID %>').style.display = "block";
                    setDivStepActive(document.getElementById('<%= divStep2.ClientID %>').getAttribute("data-step"));
                    document.getElementById('<%= hdntxtNextStep1Clicked.ClientID %>').value = "1";
                    break;
                case "divStep3":
                    document.getElementById('<%= aStep3.ClientID %>').style.display = "block";
                    setDivStepActive(document.getElementById('<%= divStep3.ClientID %>').getAttribute("data-step"));
                    document.getElementById('<%= hdntxtNextStep2Clicked.ClientID %>').value = "1";
                    break;
                case "divStep4":
                    document.getElementById('<%= aStep4.ClientID %>').style.display = "block";
                    setDivStepActive(document.getElementById('<%= divStep4.ClientID %>').getAttribute("data-step"));
                    document.getElementById('<%= hdntxtNextStep3Clicked.ClientID %>').value = "1";
                    break;
                case "divStep5":
                    document.getElementById('<%= aStep5.ClientID %>').style.display = "block";
                    setDivStepActive(document.getElementById('<%= divStep5.ClientID %>').getAttribute("data-step"));
                    document.getElementById('<%= hdntxtNextStep4Clicked.ClientID %>').value = "1";
                    break;
                default:
                    break;
            }
            $('[href=#' + nextId + ']').tab('show');
            return false;
        }
        function OnBlur(sender, args) {
            if (sender.get_value() == "") {
                sender.set_value("0");
            }
            if (sender.get_value() != "0") {
                document.getElementById('<%= divDCDII.ClientID %>').style.display = "block";
            }
            else {
                document.getElementById('<%= divDCDII.ClientID %>').style.display = "none";
                document.getElementById('<%= btnStep3Next.ClientID %>').style.display = "none";
                document.getElementById('<%= divDCDIINoReason.ClientID %>').style.display = "none";
            }
        }
        function onClose() {
            window.close();
        }
        function showStep(stepid) {
            alert(stepid);
            $('[href=' + stepid + ']').tab('show');
        }
        function closeWin() {
            alert("Update SalePipeline successful !");
            GetRadWindow().BrowserWindow.location.href = 'SalesPipeline.aspx';
            GetRadWindow().close();
        }
        function GetRadWindow() {
            var oWindow = null; if (window.radWindow)
                oWindow = window.radWindow; else if (window.frameElement.radWindow)
                    oWindow = window.frameElement.radWindow; return oWindow;
        }
            </script>
            <style>
                .RadComboBox .rcbArrowCell a {
                    height: 28px;
                }

                .RadComboBox_Default .rcbInputCell, .RadComboBox_Default .rcbArrowCell {
                    background-image: none;
                }

                .RadComboBox table td.rcbInputCell {
                    padding: 0;
                }

                .RadComboBoxDropDown_Default {
                    border: none;
                }
            </style>
        </telerik:RadCodeBlock>
        <asp:HiddenField ID="hdntxtNextStep1Clicked" runat="server"></asp:HiddenField>
        <asp:HiddenField ID="hdntxtNextStep2Clicked" runat="server"></asp:HiddenField>
        <asp:HiddenField ID="hdntxtNextStep3Clicked" runat="server"></asp:HiddenField>
        <asp:HiddenField ID="hdntxtNextStep4Clicked" runat="server"></asp:HiddenField>
        <div class="container-fluid" id="divContent" runat="server" style="display: block">
            <div class="row">
                <div class="edit-form highlight">
                    <div class="control-group form-change" style="margin-top: 0">
                        <div class="col-md-12 distance-control" style="padding-left: 0;">
                            <div class="col-md-5" style="padding-top: 12px; padding-bottom: 0; margin-top: 0; width: 20%; text-align: right">
                                <label class="control-label">Notes</label>
                            </div>
                            <div class="col-md-5" style="background: #fff none repeat scroll 0 0; padding-top: 6px; margin: 0; padding-bottom: 6px; width: 80%">
                                <div class="controls">
                                    <asp:TextBox ID="txtNotes" runat="server" TextMode="MultiLine" class="form-control" Rows="2" Width="70%"></asp:TextBox>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="control-group form-change" style="margin-top: 0">
                        <div class="col-md-12 distance-control" style="padding-left: 0;">
                            <div class="col-md-5" style="padding-top: 12px; padding-bottom: 0; margin-top: 0; width: 20%; text-align: right">
                                <label class="control-label">Steps</label>
                            </div>
                            <div class="col-md-5" style="background: #fff none repeat scroll 0 0; padding-top: 6px; margin: 0; padding-bottom: 6px; width: 80%">
                                <div class="navbar" style="margin-bottom: 0; min-height: 0">
                                    <div class="navbar-inner">
                                        <ul class="nav nav-pills" style="font-size: 12px">
                                            <li class="active" id="liStep1" runat="server"><a href="#divStep1" data-toggle="tab" id="aStep1" runat="server" data-step="1" onclick="return stepClicked(this);">Appointment</a></li>
                                            <li id="liStep2" runat="server"><a href="#divStep2" data-toggle="tab" data-step="2" id="aStep2" runat="server" style="display: none" onclick="return stepClicked(this);">Quotation Issue</a></li>
                                            <li id="liStep3" runat="server"><a href="#divStep3" data-toggle="tab" data-step="3" id="aStep3" runat="server" style="display: none" onclick="return stepClicked(this);">Deposit Collected</a></li>
                                            <li id="liStep4" runat="server"><a href="#divStep4" data-toggle="tab" data-step="4" id="aStep4" runat="server" style="display: none" onclick="return stepClicked(this);">Process Order</a></li>
                                            <li id="liStep5" runat="server"><a href="#divStep5" data-toggle="tab" data-step="5" id="aStep5" runat="server" style="display: none" onclick="return stepClicked(this);">Payment Collection</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="control-group form-change" style="margin-top: 0; display: block" id="divStep1" runat="server" data-step="1" clientidmode="static">
                        <div class="col-md-12 distance-control" style="padding-left: 0;">
                            <div class="col-md-5" style="padding-top: 12px; padding-bottom: 0; margin-top: 0; width: 20%; text-align: right">
                                <label class="control-label">Appointment</label>
                            </div>
                            <div class="col-md-5" style="background: #fff none repeat scroll 0 0; padding-top: 6px; margin: 0; padding-bottom: 6px; width: 80%">
                                <div>
                                    <telerik:RadButton ID="rbtnAppointmentYes" Style="padding-left: 25px; padding-top: 0;" runat="server" ToggleType="Radio" ButtonType="ToggleButton" Text="Yes" Checked="true"
                                        GroupName="Radios1" AutoPostBack="false" CausesValidation="false" OnClientCheckedChanged="rbtnAppointmentYes_OnClientCheckedChanged">
                                    </telerik:RadButton>
                                    <telerik:RadButton ID="rbtnAppointmentNo" Style="padding-left: 25px; padding-top: 0;" runat="server" ToggleType="Radio" ButtonType="ToggleButton"
                                        GroupName="Radios1" AutoPostBack="false" CausesValidation="false" Text="No">
                                    </telerik:RadButton>
                                </div>
                                <button id="btnStep1Next" type="button" runat="server" class="btn btn-defaul" style="float: left; padding-bottom: 4px; padding-top: 4px; margin-top: 6px" onclick="return nextStepClick(this);">
                                    <img src="../Images/next.png" style="width: 18px; height: 18px" />
                                    Next
                                </button>
                                <div id="divAppointmentNoReason" runat="server" style="display: none; margin-top: 6px">
                                    <asp:TextBox ID="txtAppointmentNoReason" runat="server" TextMode="MultiLine" class="form-control" Rows="2" placeholder="Enter No Reason" Width="70%"></asp:TextBox>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="control-group form-change" id="divStep2" runat="server" style="display: none; margin-top: 0" data-step="2" clientidmode="static">
                        <div class="col-md-12 distance-control" style="padding-left: 0;">
                            <div class="col-md-5" style="padding-top: 12px; padding-bottom: 0; margin-top: 0; width: 20%; text-align: right">
                                <label class="control-label">Quotation Issues</label>
                            </div>
                            <div class="col-md-5" style="background: #fff none repeat scroll 0 0; padding-top: 6px; margin: 0; padding-bottom: 6px; width: 80%">
                                <div>
                                    <telerik:RadButton ID="rbtnQuotationIssueYes" Style="padding-left: 25px; padding-top: 0;" runat="server" ToggleType="Radio" ButtonType="ToggleButton" Text="Yes" Checked="true"
                                        GroupName="Radios2" AutoPostBack="false" CausesValidation="false" OnClientCheckedChanged="rbtnQuotationIssueYes_OnClientCheckedChanged">
                                    </telerik:RadButton>
                                    <telerik:RadButton ID="rbtnQuotationIssueno" Style="padding-left: 25px; padding-top: 0;" runat="server" ToggleType="Radio" ButtonType="ToggleButton"
                                        GroupName="Radios2" AutoPostBack="false" CausesValidation="false" Text="No">
                                    </telerik:RadButton>
                                </div>
                                <button id="btnStep2Next" type="button" runat="server" class="btn btn-defaul" style="float: left; padding-bottom: 4px; padding-top: 4px; margin-top: 6px" onclick="return nextStepClick(this);">
                                    <img src="../Images/next.png" style="width: 18px; height: 18px" />
                                    Next
                                </button>
                                <div class="controls" style="margin-top: 6px; display: none" id="divQINoReason" runat="server">
                                    <telerik:RadComboBox ID="ddlQINoReason" runat="server" class="form-control" Height="50px"
                                        Width="150px" Filter="StartsWith" OnClientSelectedIndexChanged="ddlQINoReason_SelectedIndexChanged">
                                        <Items>
                                            <telerik:RadComboBoxItem Text="Pending" Value="0" />
                                            <telerik:RadComboBoxItem Text="Rejected" Value="1" />
                                        </Items>
                                    </telerik:RadComboBox>
                                </div>
                                <div class="controls" style="margin-top: 6px; display: none" id="divQIPendingReason" runat="server">
                                    <telerik:RadComboBox ID="ddlQIPendingReason" runat="server" class="form-control" Height="50px"
                                        Width="150px" Filter="StartsWith" OnClientSelectedIndexChanged="ddlQIPendingReason_SelectedIndexChanged">
                                        <Items>
                                            <telerik:RadComboBoxItem Text="Call Back" Value="0" />
                                            <telerik:RadComboBoxItem Text="Appointment" Value="1" />
                                        </Items>
                                    </telerik:RadComboBox>
                                </div>
                                <div class="controls" id="divQIRejectedReason" runat="server" style="display: none; margin-top: 6px">
                                    <asp:TextBox ID="txtQIRejectedReason" runat="server" TextMode="MultiLine" class="form-control" Rows="2" placeholder="Enter Rejected Reason" Width="70%"></asp:TextBox>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="control-group form-change" id="divStep3" runat="server" style="display: none; margin-top: 0" data-step="3" clientidmode="static">
                        <div class="control-group">
                            <div class="col-md-12 distance-control" style="padding-left: 0;">
                                <div class="col-md-5" style="padding-top: 12px; padding-bottom: 0; margin-top: 0; width: 20%; text-align: right">
                                    <label class="control-label">Deposit Collected</label>
                                </div>
                                <div class="col-md-5" style="background: #fff none repeat scroll 0 0; padding-top: 6px; margin: 0; padding-bottom: 6px; width: 80%">
                                    <div>
                                        <telerik:RadButton ID="rbtnDCYes" Style="padding-left: 25px; padding-top: 0;" runat="server" ToggleType="Radio" ButtonType="ToggleButton" Text="Yes" Checked="true"
                                            GroupName="Radios3" AutoPostBack="false" CausesValidation="false" OnClientCheckedChanged="rbtnDCYes_OnClientCheckedChanged">
                                        </telerik:RadButton>
                                        <telerik:RadButton ID="rbtnDCNo" Style="padding-left: 25px; padding-top: 0;" runat="server" ToggleType="Radio" ButtonType="ToggleButton"
                                            GroupName="Radios3" AutoPostBack="false" CausesValidation="false" Text="No">
                                        </telerik:RadButton>
                                    </div>
                                    <div id="divDCNoReason" runat="server" style="display: none; margin-top: 6px">
                                        <asp:TextBox ID="txtDCNoReason" runat="server" TextMode="MultiLine" class="form-control" Rows="2" placeholder="Enter No Reason" Width="70%"></asp:TextBox>
                                    </div>
                                    <div id="divDCAmount" runat="server" style="display: block; margin-top: 6px">
                                        <telerik:RadNumericTextBox ShowSpinButtons="false" Type="Currency" ID="rntxtAmount" runat="server"
                                            Width="100px" CssClass="RadNumbericText" MinValue="0" EmptyMessage="Amount">
                                            <ClientEvents OnBlur="OnBlur" />
                                        </telerik:RadNumericTextBox>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="control-group">
                            <div class="col-md-12 distance-control" style="padding-left: 0; display: none" id="divDCDII" runat="server">
                                <div class="col-md-5" style="padding-top: 12px; padding-bottom: 0; margin-top: 0; width: 20%; text-align: right">
                                    <label class="control-label">Deposit Issue Invoice</label>
                                </div>
                                <div class="col-md-5" style="background: #fff none repeat scroll 0 0; padding-top: 6px; margin: 0; padding-bottom: 6px; width: 80%">
                                    <div>
                                        <telerik:RadButton ID="rbtnDCDIIYes" runat="server" Style="padding-left: 25px; padding-top: 0;" ToggleType="Radio" ButtonType="ToggleButton" Text="Yes" Checked="true"
                                            GroupName="Radios31" AutoPostBack="false" CausesValidation="false" OnClientCheckedChanged="rbtnDCDIIYes_OnClientCheckedChanged">
                                        </telerik:RadButton>
                                        <telerik:RadButton ID="rbtnDCDIINo" runat="server" Style="padding-left: 25px; padding-top: 0;" ToggleType="Radio" ButtonType="ToggleButton"
                                            GroupName="Radios31" AutoPostBack="false" CausesValidation="false" Text="No">
                                        </telerik:RadButton>
                                    </div>
                                    <button id="btnStep3Next" type="button" runat="server" class="btn btn-defaul" onclick="return nextStepClick(this);" style="float: left; padding-bottom: 4px; padding-top: 4px; margin-top: 6px; display: block">
                                        <img src="../Images/next.png" style="width: 18px; height: 18px" />
                                        Next
                                    </button>
                                    <div id="divDCDIINoReason" runat="server" style="display: none; margin-top: 6px">
                                        <asp:TextBox ID="txtDCDIINoReason" runat="server" TextMode="MultiLine" class="form-control" Rows="2" placeholder="Enter No Reason" Width="70%"></asp:TextBox>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="control-group form-change" id="divStep4" runat="server" style="display: none; margin-top: 0" data-step="4" clientidmode="static">
                        <div class="control-group">
                            <div class="col-md-12 distance-control" style="padding-left: 0;">
                                <div class="col-md-5" style="padding-top: 12px; padding-bottom: 0; margin-top: 0; width: 20%; text-align: right">
                                    <label class="control-label">Process Orders</label>
                                </div>
                                <div class="col-md-5" style="background: #fff none repeat scroll 0 0; padding-top: 6px; margin: 0; padding-bottom: 6px; width: 80%">
                                    <div>
                                        <telerik:RadComboBox ID="ddlPOStatus" runat="server" class="form-control"
                                            Width="150px" Filter="StartsWith" MaxHeight="700px" OnClientSelectedIndexChanged="ddlPOStatus_SelectedIndexChanged">
                                            <Items>
                                                <telerik:RadComboBoxItem Text="Pending" Value="0" />
                                                <telerik:RadComboBoxItem Text="Completed" Value="1" />
                                            </Items>
                                        </telerik:RadComboBox>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="control-group" id="divPOPendingDate" runat="server" style="display: block">
                            <div class="col-md-12 distance-control" style="padding-left: 0;">
                                <div class="col-md-5" style="padding-top: 12px; padding-bottom: 0; margin-top: 0; width: 20%; text-align: right">
                                    <label class="control-label">Pending Date</label>
                                </div>
                                <div class="col-md-5" style="background: #fff none repeat scroll 0 0; padding-top: 6px; margin: 0; padding-bottom: 6px; width: 80%">
                                    <div class="controls">
                                        <telerik:RadDatePicker ID="dpPOPendingDate" runat="server" Width="150px">
                                            <DateInput ReadOnly="true" ID="DateInput3" runat="server">
                                            </DateInput>
                                            <Calendar ReadOnly="true" ID="Calendar4" runat="server" UseColumnHeadersAsSelectors="False"
                                                UseRowHeadersAsSelectors="False" ViewSelectorText="x">
                                                <SpecialDays>
                                                    <telerik:RadCalendarDay Repeatable="Today" ItemStyle-CssClass="rcToday">
                                                    </telerik:RadCalendarDay>
                                                </SpecialDays>
                                            </Calendar>
                                        </telerik:RadDatePicker>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="control-group" id="divPOFullII" runat="server" style="display: none">
                            <div class="col-md-12 distance-control" style="padding-left: 0;">
                                <div class="col-md-5" style="padding-top: 12px; padding-bottom: 0; margin-top: 0; width: 20%; text-align: right">
                                    <label class="control-label">Full Invoice Issue</label>
                                </div>
                                <div class="col-md-5" style="background: #fff none repeat scroll 0 0; padding-top: 6px; margin: 0; padding-bottom: 6px; width: 80%">
                                    <div class="controls">
                                        <telerik:RadButton ID="rbtnPOFullIIYes" runat="server" Style="padding-left: 25px; padding-top: 0;" ToggleType="Radio" ButtonType="ToggleButton" Text="Yes" Checked="true"
                                            GroupName="Radios41" AutoPostBack="false" CausesValidation="false" OnClientCheckedChanged="rbtnPOFullIIYes_OnClientCheckedChanged">
                                        </telerik:RadButton>
                                        <telerik:RadButton ID="rbtnPOFullIINo" runat="server" Style="padding-left: 25px; padding-top: 0;" ToggleType="Radio" ButtonType="ToggleButton"
                                            GroupName="Radios41" AutoPostBack="false" CausesValidation="false" Text="No">
                                        </telerik:RadButton>
                                    </div>
                                    <button id="btnStep4Next" type="button" runat="server" class="btn btn-defaul" onclick="return nextStepClick(this);" style="float: left; padding-bottom: 4px; padding-top: 4px; margin-top: 6px; display: none">
                                        <img src="../Images/next.png" style="width: 18px; height: 18px" />
                                        Next
                                    </button>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="control-group form-change" id="divStep5" runat="server" style="display: none; margin-top: 0" data-step="5" clientidmode="static">
                        <div class="control-group">
                            <div class="col-md-12 distance-control" style="padding-left: 0;">
                                <div class="col-md-5" style="padding-top: 12px; padding-bottom: 0; margin-top: 0; width: 20%; text-align: right">
                                    <label class="control-label">Payment Collected</label>
                                </div>
                                <div class="col-md-5" style="background: #fff none repeat scroll 0 0; padding-top: 6px; margin: 0; padding-bottom: 6px; width: 80%">
                                    <div>
                                        <telerik:RadButton ID="rbtnPaidYes" runat="server" Style="padding-left: 25px; padding-top: 0;" ToggleType="Radio" ButtonType="ToggleButton" Text="Yes" Checked="true"
                                            GroupName="Radios5" AutoPostBack="false" CausesValidation="false" OnClientCheckedChanged="rbtnPaidYes_OnClientCheckedChanged">
                                        </telerik:RadButton>
                                        <telerik:RadButton ID="rbtnPaidNo" runat="server" Style="padding-left: 25px; padding-top: 0;" ToggleType="Radio" ButtonType="ToggleButton"
                                            GroupName="Radios5" AutoPostBack="false" CausesValidation="false" Text="No">
                                        </telerik:RadButton>
                                    </div>
                                    <div id="divPaidNoReason" runat="server" style="display: none">
                                        <asp:TextBox ID="txtPaidNoReason" runat="server" TextMode="MultiLine" class="form-control" Rows="2" placeholder="Enter No Reason" Width="70%"></asp:TextBox>
                                    </div>
                                    <asp:LinkButton runat="server" ID="btnStep5Done" CausesValidation="false" OnClientClick="return false;" Style="margin-top: 6px">
                                            <img src="../Images/done.png" style="width:20px;height:20px" />
                                            Done
                                    </asp:LinkButton>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row popup-btn">
                <div class="col-md-12 btn-edit" style="padding-top: 0">
                    <button id="btnSave" runat="server" class="btn btn-defaul" onserverclick="btnSave_ServerClick">
                        <img src="../Images/save.png" style="width: 18px; height: 18px" />
                        Save
                    </button>
                    <button id="btnBack" type="button" class="btn btn-defaul" onclick="onClose()">
                        <img src="../Images/delete.png" style="width: 18px; height: 18px" />
                        Cancel
                    </button>
                </div>
            </div>
        </div>
        <div class="container-fluid" id="divError" runat="server" style="display: none">
            <div class="row">
                <div class="col-md-12">
                    This sales pipeline is not exist, click <a href="SalesPipeline.aspx"><strong>here</strong></a> to go back Sale Pipeline list.
                </div>
            </div>
        </div>
    </form>
</body>
</html>
